<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米商城首页</title>
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <div class="ceng1">
        <div class="header-left">
            <a class="zi">小米商城</a>
            <span class="sep">|</span>
            <a class="zi">MIUI</a>
            <span class="sep">|</span>
            <a class="zi">IoT</a>
            <span class="sep">|</span>
            <a class="zi">云服务</a>
            <span class="sep">|</span>
            <a class="zi">天星数科</a>
            <span class="sep">|</span>
            <a class="zi">有品</a>
            <span class="sep">|</span>
            <a class="zi">小爱开放平台</a>
            <span class="sep">|</span>
            <a class="zi">企业团购</a>
            <span class="sep">|</span>
            <a class="zi">资质证照</a>
            <span class="sep">|</span>
            <a class="zi">协议规则</a>
            <span class="sep">|</span>
            <a class="zi">下载app</a>
            <span class="sep">|</span>
            <a class="zi">Select Location</a>
            <a  href="./个人中心.html" class="zi zi1">个人中心</a>
            <span class="gouwuzi"><a href="./ceshi.php"><img class="gouwu" src="./img/gouwu.png"><p>购物车</p></a></span>
        </div>
    </div>
    <div class="ceng2">
        <img class="img1" src="./img/logo-mi2.png">
        <div class="ceng2zi">
<div class="ceng2zi-1">Xiaomi 手机</div>
<div class="ceng2zi-1">Redmi 红米</div>
<div class="ceng2zi-1">笔记本</div>
        </div>
        <form action="">
            <input type="text">
            <button type="submit">搜索</button>
        </form>

        <div class="kuan1">
            <div class="kuan1-1" style="border-left:none;"><img src="./img/Xiaomi Civi 1S (2).png" alt="">Xiaomi Civi 1S</div>
            <div class="kuan1-1"><img src="./img/Xiaomi Civi 1S (2).png" alt="">Xiaomi Civi 1S</div>
            <div class="kuan1-1"><img src="./img/Xiaomi Civi 1S (2).png" alt="">Xiaomi Civi 1S</div>
            <div class="kuan1-1"><img src="./img/Xiaomi Civi 1S (2).png" alt="">Xiaomi Civi 1S</div>
        </div>

        <div class="kuan1">
            <div class="kuan1-1" style="border-left:none; width: 195px;"><a href="./shangpin/index2.html"><img src="./img/Redmi K50.png" alt="">Redmi K50</a></div>
            <div class="kuan1-1" style="width: 195px;"><img src="./img/Redmi K50.png" alt="">Redmi K50</div>
            <div class="kuan1-1" style="width: 195px;"><img src="./img/Redmi K50.png" alt="">Redmi K50</div>
            <div class="kuan1-1" style="width: 195px;"><img src="./img/Redmi K50.png" alt="">Redmi K50</div>
        </div>

        <div class="kuan1">
            <div class="kuan1-1" style="border-left:none;width: 195px;"><img src="./img/Redmi G.png" alt="">Redmi G</div>
            <div class="kuan1-1" style="width: 195px;"><img src="./img/Redmi G.png" alt="">Redmi G</div>
            <div class="kuan1-1" style="width: 195px;"><img src="./img/Redmi G.png" alt="">Redmi G</div>
            <div class="kuan1-1" style="width: 195px;"><img src="./img/Redmi G.png" alt="">Redmi G</div>
        </div>
        

    </div>
    <div class="ceng3">
        <div class="ceng3-left">
            <p class="ceng3zi">Xiaomi 手机</p>
            <p class="ceng3zi">Redmi 红米</p>
            <p class="ceng3zi" style="padding-bottom:59px;">笔记本</p>
        </div>

        <div class="kuan2">
            <div><img style="margin-left:20px" src="./img/Xiaomi Civi 1S (2).png" alt=""><p>Xiaomi  1S</p></div>
            <div><img src="./img/Xiaomi Civi 1S (2).png" alt=""><p>Xiaomi  1S</p></div>
            <div><img src="./img/Xiaomi Civi 1S (2).png" alt=""><p>Xiaomi  1S</p></div>
            <div><img src="./img/Xiaomi Civi 1S (2).png" alt=""><p>Xiaomi  1S</p></div>

            <div><img style="margin-left:20px" src="./img/Xiaomi Civi 1S (2).png" alt=""><p>Xiaomi  1S</p></div>
            <div><img src="./img/Xiaomi Civi 1S (2).png" alt=""><p>Xiaomi  1S</p></div>
            <div><img src="./img/Xiaomi Civi 1S (2).png" alt=""><p>Xiaomi  1S</p></div>
            <div><img src="./img/Xiaomi Civi 1S (2).png" alt=""><p>Xiaomi  1S</p></div>

            <div><img style="margin-left:20px" src="./img/Xiaomi Civi 1S (2).png" alt=""><p>Xiaomi  1S</p></div>
            <div><img src="./img/Xiaomi Civi 1S (2).png" alt=""><p>Xiaomi  1S</p></div>
            <div><img src="./img/Xiaomi Civi 1S (2).png" alt=""><p>Xiaomi  1S</p></div>
            <div><img src="./img/Xiaomi Civi 1S (2).png" alt=""><p>Xiaomi  1S</p></div>

            <div><img style="margin-left:20px" src="./img/Xiaomi Civi 1S (2).png" alt=""><p>Xiaomi  1S</p></div>
            <div><img src="./img/Xiaomi Civi 1S (2).png" alt=""><p>Xiaomi  1S</p></div>
            <div><img src="./img/Xiaomi Civi 1S (2).png" alt=""><p>Xiaomi  1S</p></div>
            <div><img src="./img/Xiaomi Civi 1S (2).png" alt=""><p>Xiaomi  1S</p></div>

            <div><img style="margin-left:20px" src="./img/Xiaomi Civi 1S (2).png" alt=""><p>Xiaomi  1S</p></div>
            <div><img src="./img/Xiaomi Civi 1S (2).png" alt=""><p>Xiaomi  1S</p></div>
            <div><img src="./img/Xiaomi Civi 1S (2).png" alt=""><p>Xiaomi  1S</p></div>
            <div><img src="./img/Xiaomi Civi 1S (2).png" alt=""><p>Xiaomi  1S</p></div>

            <div><img style="margin-left:20px" src="./img/Xiaomi Civi 1S (2).png" alt=""><p>Xiaomi  1S</p></div>
            <div><img src="./img/Xiaomi Civi 1S (2).png" alt=""><p>Xiaomi  1S</p></div>
            <div><img src="./img/Xiaomi Civi 1S (2).png" alt=""><p>Xiaomi  1S</p></div>
            <div><img src="./img/Xiaomi Civi 1S (2).png" alt=""><p>Xiaomi  1S</p></div>
        </div>
        <div class="kuan2">
            <div><a href="./shangpin/index2.html"><img style="margin-left:20px" src="./img/Redmi K50.png" alt=""><p>Redmi k50</p></a></div>
            <div><img src="./img/Redmi K50.png" alt=""><p>Redmi k50</p></div>
            <div><img src="./img/Redmi K50.png" alt=""><p>Redmi k50</p></div>
            <div><img src="./img/Redmi K50.png" alt=""><p>Redmi k50</p></div>

            <div><img style="margin-left:20px" src="./img/Redmi K50.png" alt=""><p>Redmi k50</p></div>
            <div><img src="./img/Redmi K50.png" alt=""><p>Redmi k50</p></div>
            <div><img src="./img/Redmi K50.png" alt=""><p>Redmi k50</p></div>
            <div><img src="./img/Redmi K50.png" alt=""><p>Redmi k50</p></div>

            <div><img style="margin-left:20px" src="./img/Redmi K50.png" alt=""><p>Redmi k50</p></div>
            <div><img src="./img/Redmi K50.png" alt=""><p>Redmi k50</p></div>
            <div><img src="./img/Redmi K50.png" alt=""><p>Redmi k50</p></div>
            <div><img src="./img/Redmi K50.png" alt=""><p>Redmi k50</p></div>

            <div><img style="margin-left:20px" src="./img/Redmi K50.png" alt=""><p>Redmi k50</p></div>
            <div><img src="./img/Redmi K50.png" alt=""><p>Redmi k50</p></div>
            <div><img src="./img/Redmi K50.png" alt=""><p>Redmi k50</p></div>
            <div><img src="./img/Redmi K50.png" alt=""><p>Redmi k50</p></div>

            <div><img style="margin-left:20px" src="./img/Redmi K50.png" alt=""><p>Redmi k50</p></div>
            <div><img src="./img/Redmi K50.png" alt=""><p>Redmi k50</p></div>
            <div><img src="./img/Redmi K50.png" alt=""><p>Redmi k50</p></div>
            <div><img src="./img/Redmi K50.png" alt=""><p>Redmi k50</p></div>

            <div><img style="margin-left:20px" src="./img/Redmi K50.png" alt=""><p>Redmi k50</p></div>
            <div><img src="./img/Redmi K50.png" alt=""><p>Redmi k50</p></div>
            <div><img src="./img/Redmi K50.png" alt=""><p>Redmi k50</p></div>
            <div><img src="./img/Redmi K50.png" alt=""><p>Redmi k50</p></div>
        </div>
        <div class="kuan2">
            <div><img style="margin-left:20px" src="./img/Redmi G.png" alt=""><p>Redmi G</p></div>
            <div><img src="./img/Redmi G.png" alt=""><p>Redmi G</p></div>
            <div><img src="./img/Redmi G.png" alt=""><p>Redmi G</p></div>
            <div><img src="./img/Redmi G.png" alt=""><p>Redmi G</p></div>

            <div><img style="margin-left:20px" src="./img/Redmi G.png" alt=""><p>Redmi G</p></div>
            <div><img src="./img/Redmi G.png" alt=""><p>Redmi G</p></div>
            <div><img src="./img/Redmi G.png" alt=""><p>Redmi G</p></div>
            <div><img src="./img/Redmi G.png" alt=""><p>Redmi G</p></div>

            <div><img style="margin-left:20px" src="./img/Redmi G.png" alt=""><p>Redmi G</p></div>
            <div><img src="./img/Redmi G.png" alt=""><p>Redmi G</p></div>
            <div><img src="./img/Redmi G.png" alt=""><p>Redmi G</p></div>
            <div><img src="./img/Redmi G.png" alt=""><p>Redmi G</p></div>

            <div><img style="margin-left:20px" src="./img/Redmi G.png" alt=""><p>Redmi G</p></div>
            <div><img src="./img/Redmi G.png" alt=""><p>Redmi G</p></div>
            <div><img src="./img/Redmi G.png" alt=""><p>Redmi G</p></div>
            <div><img src="./img/Redmi G.png" alt=""><p>Redmi G</p></div>

            <div><img style="margin-left:20px" src="./img/Redmi G.png" alt=""><p>Redmi G</p></div>
            <div><img src="./img/Redmi G.png" alt=""><p>Redmi G</p></div>
            <div><img src="./img/Redmi G.png" alt=""><p>Redmi G</p></div>
            <div><img src="./img/Redmi G.png" alt=""><p>Redmi G</p></div>

            <div><img style="margin-left:20px" src="./img/Redmi G.png" alt=""><p>Redmi G</p></div>
            <div><img src="./img/Redmi G.png" alt=""><p>Redmi G</p></div>
            <div><img src="./img/Redmi G.png" alt=""><p>Redmi G</p></div>
            <div><img src="./img/Redmi G.png" alt=""><p>Redmi G</p></div>
        </div>
        <div class="ceng3-right">
            <img class="ceng3bigimg"  src="./img/big-tu1.jpg">
            <img class="ceng3bigimg"  src="./img/big-tu2.jpg">
            <img class="ceng3bigimg"  src="./img/big-tu3.jpg">
            <div class="dddd" style="top: 200px;left: 259px;" ><</div>
    <div class="dddd" style="top: 200px;right: 0px;">></div>
    <div class="pppp"style="bottom:20px;right:80px"></div>
    <div class="pppp"style="bottom:20px;right:50px"></div>
    <div class="pppp"style="bottom:20px;right:20px"></div>
        </div>
        <div class="ceng3-bottom">
            <img class="ceng3img" style="left: -60px;" src="./img/zhong3.png">
            <img class="ceng3img" style="left: 260px;" src="./img/zhong1.png">
            <img class="ceng3img" style="left: 580px;" src="./img/zhong2.png">
            <img class="ceng3img" style="left: 900px;" src="./img/zhong3.png">
        </div>
    </div>
    
    <div class="big-ceng">
        <div class="small-ceng">
            <div class="ceng4">
                <img src="./img/datu1.png">
                <p>手机</p>
            </div>
            <div class="small-ceng2">
                <div class="ceng5">
                    <a href="./shangpin/index2.html"><img class="ceng5img"src="./img/big1.png"></a>
                </div>
                <div class="ceng5-2">
                    <img class="ceng5-2img" style="left:0px; top: 0px; " src="./img/Snipaste_2022-06-09_18-22-29.png">
                    <img class="ceng5-2img" style="left:235px; top: 0px; " src="./img/Snipaste_2022-06-09_18-22-29.png">
                    <img class="ceng5-2img" style="left:470px; top: 0px; " src="./img/Snipaste_2022-06-09_18-22-29.png">
                    <img class="ceng5-2img" style="left:705px; top: 0px; " src="./img/Snipaste_2022-06-09_18-22-29.png">
                    <img class="ceng5-2img2" style="left:0px; top: 330px; "
                        src="./img/Snipaste_2022-06-09_18-22-29.png">
                    <img class="ceng5-2img2" style="left:235px; top: 330px; "
                        src="./img/Snipaste_2022-06-09_18-22-29.png">
                    <img class="ceng5-2img2" style="left:470px; top: 330px; "
                        src="./img/Snipaste_2022-06-09_18-22-29.png">
                    <img class="ceng5-2img2" style="left:705px; top: 330px; "
                        src="./img/Snipaste_2022-06-09_18-22-29.png">
                </div>
            </div>

            <div class="ceng4">
                <p>笔记本</p>
            </div>
            <div class="small-ceng2">
                <div class="ceng5">
                    <img class="ceng5img" src="./img/Redmig.png">
                </div>
                <div class="ceng5-2">
                    <img class="ceng5-2img" style="left:0px; top: 0px; " src="./img/Snipaste_2022-06-13_16-29-19.png">
                    <img class="ceng5-2img" style="left:235px; top: 0px; " src="./img/Snipaste_2022-06-13_16-29-19.png">
                    <img class="ceng5-2img" style="left:470px; top: 0px; " src="./img/Snipaste_2022-06-13_16-29-19.png">
                    <img class="ceng5-2img" style="left:705px; top: 0px; " src="./img/Snipaste_2022-06-13_16-29-19.png">
                    <img class="ceng5-2img2" style="left:0px; top: 330px; "
                        src="./img/Snipaste_2022-06-13_16-29-19.png">
                    <img class="ceng5-2img2" style="left:235px; top: 330px; "
                        src="./img/Snipaste_2022-06-13_16-29-19.png">
                    <img class="ceng5-2img2" style="left:470px; top: 330px; "
                        src="./img/Snipaste_2022-06-13_16-29-19.png">
                    <img class="ceng5-2img2" style="left:705px; top: 330px; "
                        src="./img/Snipaste_2022-06-13_16-29-19.png">
                </div>
            </div>

            <div class="ceng6">
                <a href="">预约维修服务</a>
                <span>|</span>
                <a href=""> 7天无理由退货</a>
                <span>|</span>
                <a href="">15天免费换货</a>
                <span>|</span>
                <a href="">满69元包邮</a>
                <span>|</span>
                <a href="">520余家售后网点</a>
            </div>
        </div>
        <div class="d1">
			<img src="./img/logo-mi2.png" >
			<p class="d2">小米商城 | MIUI | 米家 | 米聊 | 多看 | 游戏 | 政企服务 | 小米天猫店 | 小米集团隐私政策 | 小米公司儿童信息保护规则 | 小米商城隐私政策 | 小米商城用户协议 | 问题反馈 | Select Location
				北京互联网法院法律服务工作站 | 中国消费者协会 | 北京市消费者协会</p>
				<div class="d3">
					<p>© mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2020]0276-042号</p>
					<p>（京）网械平台备字（2018）第00005号 互联网药品信息服务资格证 (京)-非经营性-2014-0090 营业执照 医疗器械质量公告</p>
					<p>增值电信业务许可证 网络食品经营备案 京食药网食备202010048   食品经营许可证</p>
					<p>违法和不良信息举报电话：171-5104-4404 知识产权侵权投诉 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
				
				</div>
				<p class="d4">让全球每个人都能享受科技带来的美好生活</p>
		</div>

        <script src="./js/kuan1.js"></script>
        <script src="./js/kuan2.js"></script>
        <script src="./js/lunbo.js"></script>
        <script src="./js/tupian.js"></script>
</body>

</html>